<template>
   <div >
      <h1>欢迎访问梦学谷管理系统</h1>
      <h2 style="">页面展示</h2>
      <p>随便展示展示。</p>
      <p>希望你能喜欢这个项目~</p>
      <p>打个星星吧！</p>
      <h3>上上下下</h3>
      <img src="@/assets/分页处理.gif" alt="" width="950px">
      <div style="margin-top:20px"></div>
      <h3>左左右右</h3>
      <img src="@/assets/导航菜单.gif" alt="" width="950px">
      <div style="margin-top:20px"></div>
      <h3>B A B A</h3>
      <img src="@/assets/logging加载.gif" alt="" width="950px">
      <div style="margin-top:20px"></div>
      <h3>D C D C</h3>
      <img src="@/assets/新增商品.gif" alt="" width="950px">
   </div>
</template>

<style scoped>
   div{
      text-align: center;
   }
   h2 {
      border-left:4px solid orange;
      padding-left:10px;
      margin-left:30px;
      text-align:left;
   }
   h3 {
      border-left: 3.4px solid blue;
      padding-left: 6px;
      margin-left: 36px;
      text-align: left;
   }
</style>
